@import "animation.css";
@import "background.css";
@import "border.css";
@import "border-advance.css";
@import "color.css";
@import "display.css";
@import "extra.css";
@import "font.css";
@import "height.css";
@import "link.css";
@import "margin.css";
@import "outline.css";
@import "padding.css";
@import "position.css";
@import "shadow.css";
@import "text.css";
@import "width.css";
html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

p, span, h1, h2, h3, h4, h5, h6 {
    margin: 10px;
    padding: 0;
}

h1 { font-size: 2.5rem; line-height: 1.2; }
h2 { font-size: 2rem; line-height: 1.25; }
h3 { font-size: 1.75rem; line-height: 1.3; }
h4 { font-size: 1.5rem; line-height: 1.35; }
h5 { font-size: 1.25rem; line-height: 1.4; }
h6 { font-size: 1rem; line-height: 1.4; }


code {
    color: rgb(3, 133, 94);
    background-color: #f1f5f9;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: monospace;
}

::selection {
    background-color: #2563eb;
    color: white;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}